import { useState, useEffect } from 'react'
// 如果函数名以useXxx这种形式命名,则认为是自定义的hook.就可以在这个函数中,使用其他的hook
export default function usePosition() {
  const [x, setX] = useState(0)
  const [y, setY] = useState(0)

  function handle(e) {
    setX(e.clientX)
    setY(e.clientY)
  }

  useEffect(() => {
    window.addEventListener('mousemove', handle)
    return () => {
      window.removeEventListener('mousemove', handle)
    }
  }, [])
  return { x, y }
}
